<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>张嘉睿的个人网站</title>
	<link href="../css/jianjie.css" rel="stylesheet" type="text/css">
	<style type="text/css">
			/* CSS Document */
			* {
				margin: 0;
				padding: 0;
			}

			a {
				text-decoration: none;
			}

			.clearfix:after {
				content: "";
				display: block;
				height: 0;
				visibility: hidden;
				clear: both;
			}

			.clearfix {
				*zoom: 1;
			}

			body {
				background: url(https://gitee.com/vmu/cimg/raw/master/img/bg.jpg) no-repeat;
				background-size: cover;
				background-attachment: fixed;
			}

			.content {
				width: 900px;
				height: 500px;
				margin: 200px auto 0 auto;
				border-radius: 10px;
				background-color: rgba(236, 236, 236, 0.59);
				transition: all 1.0s;
				/*box-shadow: 0px 0px 20px rgba(0,0,0,0.3);*/
			}

			.content img {
				float: left;
				width: 200px;
				height: 200px;
				margin: 150px 0 0 80px;
				border-radius: 100px;

			}

			.content:hover {
				box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.52);
			}

			.content_r {
				float: right;
				width: 500px;
				margin: 80px 60px 0 0;
				/*	background-color: pink;*/
			}

			.content_l {
				float: left;
				width: 100%;
				text-align: center;
			}

			.content_l h5 {

				font-size: 17px;
			}

			.cc {
				margin-top: 10px;
				color: #1F2023;
				font-size: 18px;
			}

			.color_1 {
				color: #4855EC;
				font-size: 18px;
			}

			.deeppink {
				color: deeppink;
			}

			.link {
				margin-top: 30px;
			}

			.link a {
				display: block;
				float: left;
				width: 120px;
				height: 45px;
				margin: 5px 5px 0 0;
				/*	padding: 0 15px;*/
				color: #fff;
				line-height: 45px;
				transition: all 0.8s;
				/*	background-color: deeppink;*/

			}

			.link a:hover {
				background-color: rgba(0, 201, 243, 0.35);
			}

			.deeppink_1 {
				background-color: deeppink;
			}

			.dodgerblue {
				background-color: dodgerblue;
			}

			.magenta {
				background-color: magenta;
			}

			.orange {
				background-color: orange;
			}
		body,td,th {
	color: #5BED13;
}
    </style>
</head>
	
<body>
	<div id="box" class="w1000 margin_0_auto bg_luoye">
		<div id="biaoti" class="h200">
			<h1 style="color: #CA2D30">张嘉睿的个人网站</h1>
			<table width="760" border="1">
			  <tbody>
			    <tr>
			      <td> <a href="jianjie.html">角色能力</a></td>
			      <td><a href="jiaosexingxiang.html">角色形象</a></td>
			      <td><a href="jiaoseguanxi.html">角色关系</a></td>
			      <td><a href="juesecankao.html">角色参考</a></td>
		        </tr>
		      </tbody>
		  </table>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<div><img src="906f4e7b75c9bfc81a27d09a9ea21d33.jpeg" width="650" height="488" alt=""/></div>
			<figure>
			  <figcaption></figcaption>
		  </figure>
			<p>&nbsp;</p>
<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p class="p body">青春和现在的区别就是，有时我分不清，哪滴是眼泪，哪滴是汗水，因为它们的温度和咸度，都像烟花，那么凉。</p>			
	  </div>
	  <div id="neirong">		
	  <figure>&nbsp;
	    <figcaption>地狱客栈阿拉斯托帅图
	      <hr style="background-color:#F97133; height: 2px;width:800px">
	    </figcaption>
		  </figure>
<div>
  <h2>个人简介:长相帅气，喜欢打terkov，csgo等脍炙人口的FPS类游戏，在动漫方面，相比于热血的日漫，更喜欢猎奇的美漫，如地狱客栈，瑞克和莫蒂等</h2>
				<ul>
					<li>姓名：张嘉睿</li>
					<li>生日：10.13</li>
					<li>星座：天秤座</li>
					<li>爱好：听音乐、漫画
					  <figure>这是布局图标签的题注 </figure>
					</li>
					<li>身高：175cm；体重：70kg</li>
					<li>个性签名：逃避和抱怨是没有任何益处的，唯有振作起来全力以赴地去解决问题才是上策。</li>
				</ul>
				<div class="clear_both">
                  <p><strong>兴趣爱好</strong>：王者荣耀，明日方舟，逃离塔克夫，黎明杀机，</p>
				</div>
		  </div>
			<div id="jingli_geyan">
				<div id="jingli" class="float_left padding30">
				<h2>学习经历:				  </h2>
				<hr style="width: 350px">
				<p>太白路小学</p>
				<p>铁一中学</p>
				<p>铝一中高级中学</p>
				
					<hr style="width: 350px">
				</div>
				<div id="geyan" class="float_left padding_gy">
					<h2>我的格言:卷死舍友，唯我独尊</h2>
					<ol>
						<li  class="padding_wz">梦想跌跌撞撞，怎会没有悲伤。</li>
						<li  class="padding_wz">能够荒废的喜欢就不是真正的喜欢</li>
						<li  class="padding_wz">每天把一件事做到极致就是极好的</li>
						<li  class="padding_wz" style="font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif">成功没有偶然</li>					
						<li  class="padding_wz">既然我天生笨拙，那就用坚定去补</li>
					</ol>
				</div>
				<div class="clear_both"></div>		
			</div>
			<div id="lianxifangshi" class="float_left padding30">
				<h2>联系方式：不告诉你</h2>
				<p class="p">邮箱：*******</p>
				<p class="p">联系电话：*******</p>
				<div class="clear_both"></div>
			</div>
		  <hr style="width:800px">
	  </div>
	<div id="banquan" class="padding_bq">
	<pre>版权所有:@******* ******* ***</pre>
	</div>
	</div>
</body>
</html>
